<template>
  <!--打印时输入弹窗-->
  <el-dialog append-to-body title="其他信息" :visible.sync="visible" width="40%" :destroy-on-close="true" @close="handleCancel">
    <div class="sail-header-dialog-content">
      <avue-form ref="otherInfo" v-model="otherInfo" :option="otherInfoOption"></avue-form>
    </div>
    <span slot="footer" class="dialog-footer">
      <el-button size="small" @click="handleCancel"><i class="el-icon-circle-close"></i><span>取 消</span></el-button>
    </span>
  </el-dialog>
</template>

<script>
export default {
  props: {
    visible: {
      type: Boolean,
      default: false
    },
    otherInfoOption: {
      type: Object,
      default: () => ({})
    },
    otherInfo: {
      type: Object,
      default: () => ({})
    }
  },
  name: 'viewOtherInfo',
  data() {
    return {};
  },
  methods: {
    handleCancel() {
      this.$emit('update:visible', false);
    }
  }
};
</script>

<style scoped></style>
